<template>
  <div>
    <p>亲亲~访问路径出错啦，正在为您跳转至首页{{ptns}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 定义文字后面的省略号
      ptns: "",
    };
  },
  created() {
    //   设置计时器对省略号进行操作
    let o = setInterval(() => {
      this.ptns += ".";
      if (this.ptns === "..........") {
        clearInterval(o);
      }
    }, 300);
    // 设置定时器对路由跳转进行操作
    setTimeout(() => {
      this.$router.push("/");
    }, 1000);
  },
};
</script>
 
<style lang = "less" scoped>
</style>